<script setup>
  import { usePersonStore  } from '../store/store';
  import { ref } from 'vue';
  const person = usePersonStore()
  console.log(person.username)
  
</script>

<template>
  <div>
    <h3>Operate</h3><br />
    请输入姓名：<input type="text" v-model="person.username"><br>
    请输入年龄：<input type="text" v-model="person.age"><br>
    请勾选爱好：唱歌<input type="checkbox" value="唱歌" v-model="person.hobbies">
               跳舞<input type="checkbox" value="跳舞" v-model="person.hobbies">
               诗词<input type="checkbox" value="诗词" v-model="person.hobbies">
               书画<input type="checkbox" value="书画" v-model="person.hobbies"><br>
    爱好个数：{{ person.getHobbyCount }}
  </div>
</template>

<style scoped>
</style>
